@extends('admin.layout.layout')
@section('title','商店修改')
@section('con')
<div id="page-wrapper">
    <!-- 标题 -->
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">商店修改</h1>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                	请输入商店信息
                </div>
				<div class="panel-body">
                    <div class="row">
                    	<!-- 添加用户表单 -->
					    <div class="col-lg-6 col-lg-offset-2">
						    <form role="form" action="{{url('/admin/shop/doedit')}}" method="post" enctype="multipart/form-data">
						        <div class="form-group">
						            <label>商店名:</label>
						            <input placeholder="请输入商店名" class="form-control" name="sname" value="{{$shops->sname}}" type="text"><span></span>
						            <input type="hidden" name="oldsname" value="{{$shops->sname}}">
                                </div>
						        <div class="form-group">
						            <label>商店地址:</label>
						            <input placeholder="请输入商店名" class="form-control" name="surl" value="{{$shops->surl}}" type="text"><span></span>
						        </div>
						        <div class="form-group">
						            <label>商店图片:</label>
						            <input name="spic" type="file" value=""><img width="100px" src="{{asset($shops->spic)}}" alt="">
						            <input name="oldpic" type="hidden" value="{{$shops->spic}}">
						        </div>
						       		<script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/ueditor.config.js"></script>
                                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/ueditor.all.min.js"> </script>
                                    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
                                    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
                                    <script type="text/javascript" charset="utf-8" src="/BAIDUUTF8/lang/zh-cn/zh-cn.js"></script>
                                <div>
                                    <label>商店描述:</label>
                                    <script id="editor" name="sintro" type="text/plain" style="width:500px;height:200px;">{!! $shops->sintro !!}</script>
                                </div>
						       	{{csrf_field()}}
						       	<input type="hidden" name="sid" value="{{$shops->sid}}">
						        <button class="btn btn-outline btn-primary" type="submit">提交</button>
						        <button class="btn btn-outline btn-danger" type="reset">重置</button>
						    </form>
					    </div>
					    <!-- 错误信息 -->
						<div style="height:100%" class="col-lg-4">
							@if (count($errors) > 0)
							   <div class="alert alert-danger alert-dismissable">
						            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
						            <ul>
							            @foreach ($errors->all() as $error)
							                <li>{{ $error }}</li>
							            @endforeach
							        </ul>
						        </div> 
							@endif
					    </div>
					</div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('js')
<script type="text/javascript">
    var ue = UE.getEditor('editor',{
        toolbars: [
    [
        'anchor', //锚点
        'undo', //撤销
        'redo', //重做
        'bold', //加粗
        'indent', //首行缩进
        'snapscreen', //截图
        'italic', //斜体
        'underline', //下划线
        'strikethrough', //删除线
        'subscript', //下标
        'fontborder', //字符边框
        'superscript', //上标
        'formatmatch', //格式刷
        // 'source', //源代码
        // 'blockquote', //引用
        'pasteplain', //纯文本粘贴模式
        'selectall', //全选
        // 'print', //打印
        'preview', //预览
        // 'horizontal', //分隔线
        'removeformat', //清除格式
        'time', //时间
        'date', //日期
        'unlink', //取消链接
        // 'insertrow', //前插入行
        // 'insertcol', //前插入列
        // 'mergeright', //右合并单元格
        // 'mergedown', //下合并单元格
        // 'deleterow', //删除行
        // 'deletecol', //删除列
        // 'splittorows', //拆分成行
        // 'splittocols', //拆分成列
        // 'splittocells', //完全拆分单元格
        // 'deletecaption', //删除表格标题
        // 'inserttitle', //插入标题
        // 'mergecells', //合并多个单元格
        // 'deletetable', //删除表格
        'cleardoc', //清空文档
        // 'insertparagraphbeforetable', //"表格前插入行"
        // 'insertcode', //代码语言
        'fontfamily', //字体
        'fontsize', //字号
        'paragraph', //段落格式
        'simpleupload', //单图上传
        'insertimage', //多图上传
        // 'edittable', //表格属性
        // 'edittd', //单元格属性
        // 'link', //超链接
        'emotion', //表情
        'spechars', //特殊字符
        'searchreplace', //查询替换
        // 'map', //Baidu地图
        // 'gmap', //Google地图
        // 'insertvideo', //视频
        // 'help', //帮助
        'justifyleft', //居左对齐
        'justifyright', //居右对齐
        'justifycenter', //居中对齐
        'justifyjustify', //两端对齐
        'forecolor', //字体颜色
        'backcolor', //背景色
        // 'insertorderedlist', //有序列表
        // 'insertunorderedlist', //无序列表
        // 'fullscreen', //全屏
        // 'directionalityltr', //从左向右输入
        // 'directionalityrtl', //从右向左输入
        // 'rowspacingtop', //段前距
        // 'rowspacingbottom', //段后距
        // 'pagebreak', //分页
        // 'insertframe', //插入Iframe
        // 'imagenone', //默认
        // 'imageleft', //左浮动
        // 'imageright', //右浮动
        // 'attachment', //附件
        // 'imagecenter', //居中
        // 'wordimage', //图片转存
        'lineheight', //行间距
        // 'edittip ', //编辑提示
        'customstyle', //自定义标题
        // 'autotypeset', //自动排版
        // 'webapp', //百度应用
        // 'touppercase', //字母大写
        // 'tolowercase', //字母小写
        'background', //背景
        // 'template', //模板
        // 'scrawl', //涂鸦
        // 'music', //音乐
        // 'inserttable', //插入表格
        // 'drafts', // 从草稿箱加载
        // 'charts', // 图表
    ]
]
});
   
/*表单验证部分*/
    //声明全局变量
    var SNAME = false;
    var SURL = false;

    //绑定表单事件
    $('form').submit(function(){
        //触发所有的丧失焦点事件
        $('input').trigger('blur');

        console.log(SNAME,SURL);
        //判断是否全部成功
        if(SNAME && SURL){
            return true;
        }else{
            return false;
        }
    })

    //绑定商店名的丧失焦点事件
    $('input[name=sname]').blur(function(){
        //检测商品名是否为空
        if($(this).val() == null){
            $(this).next().html('商店名不能为空').css('color','red');
            $(this).css('border','1px solid red');
            return false;
        }

        var sname = $(this).val(); // 获取商店名

        var inp = $(this);

        var sid = $('input[name=sid]').val();
        //如果正确了 发送ajax验证同一商店下商店名是否重复
        $.ajax({
            url:"/admin/shop/editcheck",
            data:{sname:sname,sid:sid},
            type:'get',
            success:function(data){
                if(data == 1){
                    //不可用 存在
                    inp.next().html('此商店名已存在').css('color','red');
                    inp.css('border','1px solid red');
                    return false;
                }else{
                    //可用
                    inp.next().html('√').css('color','green');
                    inp.css('border','1px solid green');
                    SNAME = true;
                }
            },
            error:function(){
                console.log('ajax错误');
            },
            timeout:3000,
            async:false
        })
    }) 
    
    // 给url绑定丧失焦点
    $('input[name=surl]').blur(function(){
        //检测商品名是否为空
        if($(this).val() == null){
            $(this).next().html('商店url不能为空').css('color','red');
            $(this).css('border','1px solid red');
            return false;
        }else{
            $(this).next().html('√').css('color','green');
            $(this).css('border','1px solid green');
            SURL = true;
        }
    })
</script>
@endsection
